<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>审核页面</title>
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
</head>
<body>
    <!--fixed remove-->
    <section class="fixed" style="z-index:999;width: 100%;height: 100%;background-color: #000;position: fixed;left: 0;top: 0;"></section>
    <!--审核页面-->
    <div class="verify_page page_item">
        <div class="header clearfix">
            <div class="c_left">
                <img src="img/avator.jpg" alt="">
            </div>
            <div class="c_right">
                <p class="title">绮童堡</p>
                <p class="desc">
                    <span>本月积分:<em>300</em></span><span>累积积分:<em>5000</em></span></p>
            </div>
        </div>
        <!--切换-->
        <div class="mainTab">
            <div class="main-tab-nav">
                <ul class="clearfix">
                    <li class="current">全部</li>
                    <li>审核中</li>
                    <li>通过</li>
                    <li>未通过</li>
                </ul>
            </div>
            <div class="main-tab-con">
                <div class="cnt all">
                    <!--第一个状态--全部-->
                    <ul class="list_item">
                        <li class="clearfix">
                            <div class="wrap_top clearfix">
                                <div class="c_left">
                                    <img src="img/avator.jpg">
                                </div>
                                <div class="c_right">
                                    <p class="score">积分+5</p>
                                    <div class="states"><span>上传成功</span><span>审核通过</span></div>
                                </div>
                            </div>
                            <div class="wrap_bottom">上传时间：2018.3.20</div>
                        </li>
                        <li class="clearfix">
                            <div class="wrap_top clearfix">
                                <div class="c_left">
                                    <img src="img/avator.jpg">
                                </div>
                                <div class="c_right failed">
                                    <p class="score">评论部分不完整</p>
                                    <div class="states"><span>上传成功</span><span class="no_pass">审核未通过</span></div>
                                </div>
                            </div>
                            <div class="wrap_bottom">上传时间：2018.3.20</div>
                        </li>
                    </ul>
                </div>
                <div class="cnt audit" style="display:none;">
                    <ul class="list_item">
                        <li class="clearfix">
                            <div class="wrap_top clearfix">
                                <div class="c_left">
                                    <img src="img/avator.jpg">
                                </div>
                                <div class="c_right">
                                    <p class="score">积分+5</p>
                                    <div class="states"><span>上传成功</span><span>审核通过</span></div>
                                </div>
                            </div>
                            <div class="wrap_bottom">上传时间：2018.3.20</div>
                        </li>
                    </ul>
                </div>
                <div class="cnt pass" style="display:none;">
                    <ul class="list_item">
                        <li class="clearfix">
                            <div class="wrap_top clearfix">
                                <div class="c_left">
                                    <img src="img/avator.jpg">
                                </div>
                                <div class="c_right">
                                    <p class="score">积分+5</p>
                                    <div class="states"><span>上传成功</span><span>审核通过</span></div>
                                </div>
                            </div>
                            <div class="wrap_bottom">上传时间：2018.3.20</div>
                        </li>
                    </ul>
                </div>
                <div class="cnt no_pass" style="display:none;">
                    <ul class="list_item">
                        <li class="clearfix">
                            <div class="wrap_top clearfix">
                                <div class="c_left">
                                    <img src="img/avator.jpg">
                                </div>
                                <div class="c_right">
                                    <p class="score">积分+5</p>
                                    <div class="states"><span>上传成功</span><span>审核通过</span></div>
                                </div>
                            </div>
                            <div class="wrap_bottom">上传时间：2018.3.20</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <p class="tips">上传图片会在上传成功5个工作日内审核</p>
    </div>
</body>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/common.js"></script>
<script>
    $(window).load(function () {
        tabs('.main-tab-nav ul li','.main-tab-con .cnt');
    });
    function tabs(obj1,obj2){
        $(obj1).click(function(){
            var idx = $(obj1).index(this);
            $(this).addClass('current').siblings().removeClass('current');
            $(obj2).eq(idx).show().siblings().hide();
        });
    }
</script>
</html>